@use "sass:math";
@function px($val) {
  @return 1rem * math.div($val, 20);
}

@mixin bg-img($url) {
  background: {
    image: url($url);
    repeat: no-repeat;
    size: 100% 100%;
  }
}

$fireWarning: #ffb373;
$error: #fe96ea;
$monitor: #3baaff;
$feedback: #b0f08c;
$cover: #61cbff;
$other: #fff175;

.fireWarning {
  color: $fireWarning;
}
.user_text {
  background: linear-gradient(180deg, #e1f4ff 0%, #14a6ff 60%);
  -webkit-background-clip: text;
  color: transparent;
}

.error {
  color: $error;
}

.device_text {
  background: linear-gradient(180deg, #e1f4ff 0%, rgba(40, 227, 194, 1) 60%);
  -webkit-background-clip: text;
  color: transparent;
}
.card_title_text {
  background: linear-gradient(180deg, #fff 0%, #6ce7ff 100%);
  -webkit-background-clip: text;
  color: transparent;
}

.monitor {
  color: $monitor;
}

.xiaofang_text {
  background: linear-gradient(180deg, #e1f4ff 0%, rgba(255, 119, 119, 1) 60%);
  -webkit-background-clip: text;
  color: transparent;
}

.feedback {
  color: $feedback;
}

.weidong_text {
  background: linear-gradient(180deg, #e1f4ff 0%, rgba(241, 153, 247, 1) 60%);
  -webkit-background-clip: text;
  color: transparent;
}

.cover {
  color: $cover;
}

.NB_text {
  background: linear-gradient(180deg, #e1f4ff 0%, rgba(55, 150, 47, 1) 60%);
  -webkit-background-clip: text;
  color: transparent;
}
.yinhuan_text {
  background: linear-gradient(180deg, #e1f4ff 0%, rgba(255, 179, 2, 1) 60%);
  -webkit-background-clip: text;
  color: transparent;
}

.other {
  color: $other;
}

$common-font: 16px;
$nav-bar-font: 18px;

$table-font: 14px;
$large-font: 22px;
